
.in_title{text-align: center;margin-bottom: 40px; }
.in_title h2{font-size: 36px;font-weight: normal;color: #333;}
.in_title h2 span{color: #056ab7;}
.in_title h2 img{display: inline-block;}
.in_title p{font-size: 18px;color: #999999;margin-top: 15px;}
a.more{font-size: 20px;color: #fff;background:rgb(32,147,228);line-height: 28px;width:150px;height:35px;line-height:35px;text-align:center;}

/*in_product*/
.in_product .product_nav ul li{float: left;width: 20%;text-align: center;}
.in_product .product_nav ul li img{padding:9px 0;display: block;width: 160px;height: 153px;margin: 0 auto;}
.in_product .product_nav ul li p{font-size: 18px;color: #5f5d5d;margin-top: 8px;}
.in_product .product_nav ul li:hover{background: url(../images/pro_li.png) no-repeat top center;}

.in_product .product_list{height: 361px;overflow: hidden;margin-top:0px;}
.in_product .product_list .wrap{position: relative;height:361px;}
/* 本例子css */
        .picScroll-left{ overflow:hidden; position:relative; }
        .picScroll-left .hd{ height:0px; position:absolute;top:80px;width: 100%;z-index: 666;}
        .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:50px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
             cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
        .picScroll-left .hd .next{ background-position:0 -50px;  }


.picScroll-left .hd .prev {
    float: left;
    background: url(../images/prev.png) no-repeat center center;
    background-size:50px auto;
}

.picScroll-left .hd .next {
    float: right;
    background: url(../images/next.png)  no-repeat center center;
    background-size:50px auto;
}

        .picScroll-left .hd .prevStop{ background-position:-60px 0; }
        .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
        .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
        .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
        .picScroll-left .hd ul li.on{ background-position:0 0; }
        .picScroll-left .bd{ padding:10px;   }
        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
        .picScroll-left .bd ul li a {display:block;position:relative;width:277px;height:230px;}
        .picScroll-left .bd ul li a p{position:absolute;height:25px;line-height:25px;bottom:0;background: rgb(78,147,245,0.8);width:100%;text-align:center;color:white;}
        .picScroll-left .bd ul li a:hover p{display:none;}
        .picScroll-left .bd ul li a .mask{display:block;height:100%;width:100%;position:absolute;left:0;top:230px;background:url(../images/more.png) rgb(0,0,0,0.5) no-repeat center 50%;transition-duration: 0.5s;}
        .picScroll-left .bd ul li a:hover .mask{top:0;}
        .picScroll-left .bd ul li  img{ width:277px; height:230px !important; display:block;  padding:2px; border:1px solid #ccc; transition-duration: 0.5s;}
        .picScroll-left .bd ul li  a:hover img{ border-color:#999; transform: scale(1.2);}
        .picScroll-left .bd ul li .title{ line-height:24px;   }
.in_product .product_list a.more{position: absolute;bottom: 25px;left: 50%;margin-left:-75px;}

.in_advan{background: #faf9f9;padding-top: 80px;}
.in_advan .advan_list .fl{width: 560px;}
.in_advan .advan_list .fl ul li{float: left;width: 263px;margin-right: 17px;margin-bottom: 17px;position: relative;}
.in_advan .advan_list .fl ul li img{width: 263px;height: 234px;display: block;}
.in_advan .advan_list .fl ul li p{font-size: 24px;color: #fff;line-height: 48px;height: 56px;width: 100%;position: absolute;left: 0;bottom: 20px;text-align: center;background: url(../images/advan_bg.png) no-repeat;}
.in_advan .advan_list .fr{width:600px;background: url(../images/advan_line.png) no-repeat 17px 30px;}
.in_advan .advan_list .fr ul li {position: relative;padding-left: 160px;background: url(../images/advan_dot.png) no-repeat left 5px;margin-bottom: 80px;}
.in_advan .advan_list .fr ul li h3{font-size: 24px;font-weight: normal;color: #056ab7;}
.in_advan .advan_list .fr ul li p{font-size: 16px;color: #757474;line-height: 30px;margin-top: 10px;}
.in_advan .advan_list .fr ul li i{font-size: 48px;font-weight: bold;color: #c9c8c8;position: absolute;top: -10px;left: 65px;}

/* in_about */
.in_about {padding-top: 80px;padding-bottom: 10px;}
.in_about .about_box{background: url(../images/about_bg.jpg) no-repeat top center;height: 531px;padding-top:64px;}
.in_about .about_box img{height:400px !important;width:600px !important;}
.in_about .about_txt {width: 572px;}
.in_about .about_txt h2{font-size: 24px;font-weight: normal;color: #056ab7;margin-bottom: 25px;margin-top: 50px;}
.in_about .about_txt p{font-size: 16px;color: #666666; line-height: 33px;}
.in_about a.more{color: #056ab7;background: url(../images/more_bg2.png) no-repeat right center;margin-top: 25px;}

.in_news{background: #faf9f9;padding-top: 80px;}
.in_news .news_list dl{overflow: hidden;width: 580px;float: left;margin: 0 10px 30px;}
.in_news .news_list dl dt{ width:80px;height: 78px;float:left;font-size:14px;text-align: center;color: #fff;line-height: 33px;background: #056ab7;}
.in_news .news_list dl dt span{ display:block; font-size:27px;border-bottom: 1px solid #fff;line-height:43px;}
.in_news .news_list dl dd{ width:480px; float:right; line-height:22px; color: #666464;padding-left:20px; }
.in_news .news_list dl dd h3{font-size: 18px;color: #2d2d2e;font-weight: normal;}
.in_news .news_list dl dd p{font-size: 14px;color: #848383;line-height: 24px;margin-top: 8px;}

.footer {
    background: url(../images/foot_bg.jpg) no-repeat top center;
    height: 526px;
    padding-top: 200px;
}